<include file="__PUBLIC__/_header"/>
<body>
<div class="navbar navbar-default" id="navbar" style="display: none">
    <script type="text/javascript">
        try {
            ace.settings.check('navbar', 'fixed')
        } catch (e) {
        }
    </script>
    <include file="__PUBLIC__/_header_title"/><!-- /.container -->
</div>
<div class="main-container" id="main-container">
    <div class="main-container-inner">
        <div class="page-content">
            <div id="faq-list-1" class="panel-group accordion-style1 accordion-style2">
                <div class="row">
                    <div class="col-sm-6">
                        <div class="widget-box transparent">
                            <div class="widget-header widget-header-flat">
                                <h4 class="lighter"><i class="icon-group"></i>用户个人信息&nbsp;&nbsp;&nbsp;&nbsp;{$user_list['user_name']}&nbsp;&nbsp;&nbsp;&nbsp;编号：{$user_list.user_id}</h4>
                                <div class="widget-toolbar">
                                    <a href="#" data-action="collapse"><i class="icon-chevron-up"></i></a>
                                </div>
                            </div>
                            <div class="widget-body">
                                <div class="infobox infobox-blue  ">
                                    <div class="infobox-icon"><i class="icon-user"></i></div>
                                    <div class="infobox-data">
                                        <span class="infobox-data-number">{$user_list.type_name}</span>
                                        <div class="infobox-content">会员类型</div>
                                    </div>
                                </div>
                                <div class="infobox infobox-red  ">
                                    <div class="infobox-icon"><i class="icon-qrcode"></i></div>
                                    <div class="infobox-data">
                                        <span class="infobox-data-number">{$user_list.invitation}人</span>
                                        <div class="infobox-content">个人邀请码邀请用户</div>
                                    </div>
                                </div>
                                <div class="infobox infobox-orange2">
                                    <div class="infobox-icon"><i class="  icon-credit-card"></i></div>
                                    <div class="infobox-data">
                                        <span class="infobox-data-number">{$user_list.balance}</span>
                                        <div class="infobox-content">余额</div>
                                    </div>
                                </div>
                                <div class="infobox infobox-blue2">
                                    <div class="infobox-icon"><i class=" icon-leaf"></i></div>
                                    <div class="infobox-data">
                                        <span class="infobox-data-number">{$user_list.invitation}人</span>
                                        <div class="infobox-content">鱼塘用户</div>
                                    </div>
                                </div>
                                <div class="infobox infobox-orange">
                                    <div class="infobox-icon"><i class=" icon-tags"></i></div>
                                    <div class="infobox-data">
                                        <span class="infobox-data-number">{$user_list.proceeds}</span>
                                        <div class="infobox-content">鱼塘收益</div>
                                    </div>
                                </div>
                                <div class="infobox infobox-green2">
                                    <div class="infobox-icon"><i class=" icon-cog"></i></div>
                                    <div class="infobox-data">
                                        <span class="infobox-data-number">{$user_list.jyq_num}</span>
                                        <div class="infobox-content">发布机友圈次数</div>
                                    </div>
                                </div>
                            </div><!-- /widget-body -->
                        </div><!-- /widget-box -->
                    </div>
                    <div class="col-sm-1"></div>
                    <div class="col-sm-5">
                        <div class="widget-box transparent">
                            <div class="widget-header widget-header-flat">
                                <h4 class="lighter"><i class=" icon-cogs "></i>设备绑定情况</h4>
                                <div class="widget-toolbar">
                                    <a href="#" data-action="collapse"><i class="icon-chevron-up"></i></a>
                                </div>
                            </div>
                            <div class="widget-body">
                                <div class="widget-main no-padding">
                                    <table class="table table-bordered table-striped">
                                        <thead class="thin-border-bottom">
                                        <tr>
                                            <th>
                                                <i class="icon-caret-right blue"></i>设备名称
                                            </th>
                                            <th>
                                                <i class="icon-caret-right blue"></i>设备编号
                                            </th>
                                            <th>
                                                <i class="icon-caret-right blue"></i>设备位置
                                            </th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <if condition="list_gps">
                                            <volist name="list_gps" id="vo">
                                            <tr>
                                                <td>{$vo.third_device_name}</td>
                                                <td>{$vo.third_device_id}</td>
                                                <td><span class="green">{$vo.current_position}</span>
                                                    <if condition="$vo.current_position neq ''">
                                                    <a class="iframe"
                                                       href="{:Controller::_createUrl('gps/gpsTrajectory',array('id'=>$vo['id']))}">
                                                        <i class="icon-flag bigger-120"></i>
                                                    </a>
                                                </if></i></td>
                                            </tr>
                                            </volist>
                                            <else/>
                                            <tr>
                                                <td colspan="3">用户没有绑定设备......</td>
                                            </tr>
                                        </if>

                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div style="width: 100%;height: 40px;"></div>
                <div class="row">
                    <div class="col-sm-6">
                        <div class="widget-box transparent">
                            <div class="widget-header widget-header-flat">
                                <h4 class="lighter"><i class="icon-tasks"></i>订单统计信息</h4>
                                <div class="widget-toolbar">
                                    <a href="#" data-action="collapse"><i class="icon-chevron-up"></i></a>
                                </div>
                            </div>
                            <div class="widget-body">
                                <div class="infobox infobox-small infobox-dark" style="background-color:darkcyan">
                                    <div class="infobox-progress">
                                        <div class="easy-pie-chart percentage easyPieChart" data-percent="61"
                                             data-size="39"
                                             style="width: 39px; height: 39px; line-height: 39px;">
                                            <span class="percent today_count">{$order.max_price}</span>
                                            <canvas width="39" height="39"></canvas>
                                        </div>
                                    </div>
                                    <div class="infobox-data liwidth">
                                        <div class="infobox-content">
                                            最大笔订单金额
                                        </div>
                                    </div>
                                </div>
                                <div class="infobox infobox-green infobox-small infobox-dark">
                                    <div class="infobox-progress">
                                        <div class="easy-pie-chart percentage easyPieChart" data-percent="61"
                                             data-size="39"
                                             style="width: 39px; height: 39px; line-height: 39px;">
                                            <span class="percent today_number">{$order.min_price}</span>
                                            <canvas width="39" height="39"></canvas>
                                        </div>
                                    </div>
                                    <div class="infobox-data liwidth">
                                        <div class="infobox-content">
                                            最小比订单金额
                                        </div>
                                    </div>
                                </div>
                                <div class="infobox infobox-blue infobox-small infobox-dark">
                                    <div class="infobox-progress">
                                        <div class="easy-pie-chart percentage easyPieChart" data-percent="61"
                                             data-size="39"
                                             style="width: 39px; height: 39px; line-height: 39px;">
                                            <span class="percent today_total">{$order.praise}</span>
                                            <canvas width="39" height="39"></canvas>
                                        </div>
                                    </div>
                                    <div class="infobox-data liwidth">
                                        <div class="infobox-content">
                                            订单评论数
                                        </div>
                                    </div>
                                </div>
                                <div class="infobox infobox-pink  infobox-small infobox-dark">
                                    <div class="infobox-progress">
                                        <div class="easy-pie-chart percentage easyPieChart" data-percent="61"
                                             data-size="39"
                                             style="width: 39px; height: 39px; line-height: 39px;">
                                            <span class="percent tomonth_count">{$order.return}</span>
                                            <canvas width="39" height="39"></canvas>
                                        </div>
                                    </div>
                                    <div class="infobox-data liwidth">
                                        <div class="infobox-content">
                                            订单退货数
                                        </div>
                                    </div>
                                </div>
                                <div class="infobox infobox-red infobox-small infobox-dark">
                                    <div class="infobox-progress">
                                        <div class="easy-pie-chart percentage easyPieChart" data-percent="61"
                                             data-size="39"
                                             style="width: 39px; height: 39px; line-height: 39px;">
                                            <span class="percent tomonth_total">{$order.unpaid}</span>
                                            <canvas width="39" height="39"></canvas>
                                        </div>
                                    </div>
                                    <div class="infobox-data liwidth">
                                        <div class="infobox-content">
                                            下单未支付数
                                        </div>
                                    </div>
                                </div>
                                <div class="infobox infobox-small infobox-dark" style="background-color: burlywood">
                                    <div class="infobox-progress">
                                        <div class="easy-pie-chart percentage easyPieChart" data-percent="61"
                                             data-size="39"
                                             style="width: 39px; height: 39px; line-height: 39px;">
                                            <span class="percent quarter_total">{$order.lately_time}</span>
                                            <canvas width="39" height="39"></canvas>
                                        </div>
                                    </div>
                                    <div class="infobox-data liwidth">
                                        <div class="infobox-content">
                                            最近一次消费
                                        </div>
                                    </div>
                                </div>
                                <div class="infobox infobox-grey infobox-small infobox-dark">
                                    <div class="infobox-progress">
                                        <div class="easy-pie-chart percentage easyPieChart" data-percent="61"
                                             data-size="39"
                                             style="width: 39px; height: 39px; line-height: 39px;">
                                            <span class="percent quarter_total">{$order.lately_price}</span>
                                            <canvas width="39" height="39"></canvas>
                                        </div>
                                    </div>
                                    <div class="infobox-data liwidth">
                                        <div class="infobox-content">
                                            消费金额
                                        </div>
                                    </div>
                                </div>
                            </div><!-- /widget-body -->
                        </div><!-- /widget-box -->
                    </div>
                    <div class="col-sm-1"></div>
                    <div class="col-sm-5">
                        <div class="widget-box transparent">
                            <div class="widget-header widget-header-flat">
                                <h4 class="lighter"><i class="icon-reorder"></i>订单消费情况</h4>
                                <div class="widget-toolbar">
                                    <a href="#" data-action="collapse"><i class="icon-chevron-up"></i></a>
                                </div>
                            </div>
                            <div class="widget-body">
                                <div class="widget-main no-padding">
                                    <table class="table table-bordered table-striped">
                                        <thead class="thin-border-bottom">
                                        <tr>
                                            <th>
                                                <i class="icon-caret-right "></i>统计单位
                                            </th>
                                            <th>
                                                <i class="icon-caret-right "></i>已下订单
                                            </th>
                                            <th>
                                                <i class="icon-caret-right "></i>交易成功订单
                                            </th>
                                            <th>
                                                <i class="icon-caret-right "></i>订单总金额
                                            </th>
                                            <th>
                                                <i class="icon-caret-right "></i>订单平均金额
                                            </th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <tr>
                                            <td>注册以来</td>
                                            <td><b>{$order.all.num}</b></td>
                                            <td><b class="green">{$order.all.cg}</b></td>
                                            <td><b style="color: red">{$order.all.price}</b></td>
                                            <td><b style="color:#ff7300">{$order.all.average}</b></td>
                                        </tr>
                                        <tr>
                                            <td>今年</td>
                                            <td><b>{$order.year.num}</b></td>
                                            <td><b class="green">{$order.year.cg}</b></td>
                                            <td><b style="color: red">{$order.year.price}</b></td>
                                            <td><b style="color:#ff7300">{$order.year.average}</b></td>
                                        </tr>
                                        <tr>
                                            <td>近三个月</td>
                                            <td><b>{$order.three.num}</b></td>
                                            <td><b class="green">{$order.three.cg}</b></td>
                                            <td><b style="color: red">{$order.three.price}</b></td>
                                            <td><b style="color:#ff7300">{$order.three.average}</b></td>
                                        </tr>
                                        <tr>
                                            <td>本月</td>
                                            <td><b>{$order.month.num}</b></td>
                                            <td><b class="green">{$order.month.cg}</b></td>
                                            <td><b style="color: red">{$order.month.price}</b></td>
                                            <td><b style="color:#ff7300">{$order.month.average}</b></td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div style="width: 100%;height: 40px;"></div>
                <div class="row">
                    <div class="col-sm-6">
                        <div class="widget-box transparent">
                            <div class="widget-header widget-header-flat">
                                <h4 class="lighter"><i class=" icon-bar-chart"></i>机库币汇总</h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                <a class="iframe" href="{:Controller::_createUrl('order/jkCoinUserDetail',array('user_id'=>$user_list['user_id']))}"> 查看明细
                                </a>
                                <div class="widget-toolbar">
                                    <a href="#" data-action="collapse"><i class="icon-chevron-up"></i></a>
                                </div>
                            </div>

                            <div class="widget-body">
                                <div class="clearfix">
                                    <div class="grid3">
										<span class="grey">
										<i class=" icon-suitcase icon-2x blue"></i>
										&nbsp; <span style="font-size: 15px;">持有机库币</span>
										</span>
                                        <h4 class="bigger pull-right">{$jkb.cy}</h4>
                                    </div>
                                    <div class="grid3">
										<span class="grey">
										<i class="icon-magnet icon-2x red"></i>
										&nbsp; <span style="font-size: 15px;">消费机库币</span>
										</span>
                                        <h4 class="bigger pull-right">{$jkb.xf}</h4>
                                    </div>
                                    <div class="grid3">
										<span class="grey">
										<i class=" icon-fire icon-2x blue"></i>
										&nbsp; <span style="font-size: 15px;">剩余机库币</span>
										</span>
                                        <h4 class="bigger pull-right">{$jkb.sy}</h4>
                                    </div>
                                </div>
                                <div class="clearfix">
                                    <div class="grid3">
										<span class="grey">
										<i class="icon-random icon-2x purple"></i>
										&nbsp;  <span style="font-size: 15px;">充值机库币</span>
										</span>
                                        <h4 class="bigger pull-right">{$jkb.recharge_price}</h4>
                                    </div>
                                    <div class="grid3">
										<span class="grey">
										<i class=" icon-paper-clip icon-2x red "></i>
										&nbsp;  <span style="font-size: 15px;">充值机库币次数</span>
										</span>
                                        <h4 class="bigger pull-right">{$jkb.recharge_num}</h4>
                                    </div>

                                    <div class="grid3">
										<span class="grey">
										<i class=" icon-bookmark icon-2x purple"></i>
										&nbsp; <span style="font-size: 15px;">签到获得机库币</span>
										</span>
                                        <h4 class="bigger pull-right">{$jkb.sign_num}</h4>
                                    </div>
                                </div>
                                <div class="clearfix">
                                    <div class="grid3">
										<span class="grey">
										<i class="icon-calendar icon-2x purple"></i>
										&nbsp;  <span style="font-size: 15px;">签到次数</span>
										</span>
                                        <h4 class="bigger pull-right">{$jkb.sign_price}</h4>
                                    </div>
                                </div>
                            </div><!-- /widget-body -->
                        </div><!-- /widget-box -->
                    </div>
                    <div class="col-sm-1"></div>
                    <div class="col-sm-5">
                        <div class="widget-box transparent">
                            <div class="widget-header widget-header-flat">
                                <h4 class="lighter"><i class=" icon-money"></i>代金券汇总</h4>
                                <div class="widget-toolbar">
                                    <a href="#" data-action="collapse"><i class="icon-chevron-up"></i></a>
                                </div>
                            </div>

                            <div class="widget-body">

                                <div class="clearfix">
                                    <div class="grid2">
                                        共持有
                                        <span class="bigger-175 blue">{$djq.cy}</span>
                                        张代金券
                                    </div>
                                    <div class="grid2">
                                        <span class="bigger-175 blue">{$djq.gq}</span>
                                        张代金券已过期
                                    </div>
                                </div>
                                <div class="clearfix">
                                    <div class="grid2">
                                        <span class="bigger-175 blue">{$djq.sy}</span>
                                        张代金券已使用
                                    </div>
                                    <div class="grid2">
                                        抵扣金额
                                        <span class="bigger-175 blue">{$djq.dk_price}</span>
                                        元
                                    </div>
                                </div>
                                <div class="clearfix">
                                    <div class="grid2">
                                        <span class="bigger-175 blue">{$djq.yx}</span>
                                        张剩余有效代金券
                                    </div>
                                    <div class="grid2">
                                        剩余有效代金券共计面值：
                                        <span class="bigger-175 blue">{$djq.yx_price}</span>
                                        元
                                    </div>
                                </div>
                            </div><!-- /widget-body -->
                        </div><!-- /widget-box -->
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<style>
    .pull-right {
        margin-top: 9px;
    }

    .clearfix {
        margin-top: 30px;
    }

    .infobox > .infobox-icon > [class*="icon-"]:before {
        padding: 8px 0 7px !important;
    }

    .percent {
        font-size: 16px;
        width: 180px;
    }

    .infobox-small {
        width: 255px;
        margin-top: 15px;
        margin-left: 2px;
    }

    .liwidth {
        max-width: 102px !important;
    }

    .infobox-small > .infobox-data {
        max-width: 80px;
        float: right;
        line-height: 45px;
    }

    .infobox {
        width: 32% !important;
        margin-top: 5px;
    }

    .infobox-data-number {
        font-size: 18px !important;
    }
</style>
<script src="__APP_SKIN__js/Ecalendar.jquery.min.js"></script>
<link rel="stylesheet" href="__APP_SKIN__css/reset.css"/>
<link rel="stylesheet" href="__APP_SKIN__css/style.css"/>
<input type="hidden" class="add_list" value="{:Controller::_createUrl('machinesale/add')}">
<input type="hidden" id="DELLIST" value="{:Controller::_createUrl('machinesale/delMenu')}">
<input type="hidden" id="GetDelList" value="{:Controller::_createUrl('machinesale/getDelList')}">
<input type="hidden" id="Refresh" value="{:Controller::_createUrl('machinesale/list')}">
<input type="hidden" id="recovery_list" value="{:Controller::_createUrl('machinesale/recoveryList')}">
<link href="__SKIN__/js/colorbox/colorbox.css" rel="stylesheet" type="text/css">
<script src="__SKIN__/js/colorbox/colorbox.js" type="text/javascript"></script>
<script src="__APP_SKIN__js/machinesale_list.js" type="text/javascript"></script>
</body>
<script>
    $(function () {
        $(".iframe").colorbox({iframe: true, width: "80%", height: "80%"});
    })
</script>
</html>
